
.uc-tab-header {
  position: relative;
  .flexbox();
  width: 100%;
  height: (40/@font-size-base)*1rem;
  .justify-content(center);
  background: @white;
  .hairline(bottom, #e1e1e1);

  a {
    position: relative;
    display: block;
    width: (60/@font-size-base)*1rem;
    line-height: (40/@font-size-base)*1rem;
    text-align: center;
    font-size: (14/@font-size-base)*1rem;
    color: #8D8A97;
    text-decoration: none;
    &.active {
      color: #3E384C;
      &:after {
        content: " ";
        position: absolute;
        top: auto;
        right: 5%;
        bottom: 0;
        left: 5%;
        width: 90%;
        height: 2px;
        background: #955AC0;
        z-index: 20;
      }
    }
  }
}